/*头部*/ 

.header{
	height:78px!important;
	.wrap{
		height:58px;
		padding:15px 0 5px 0;
		.logo{
			a{
				display: block;
				width: 145px;
				height: 50px;
				background: url(../../static/images/logo.png) no-repeat left top;
			}
		}
		.search{
			float:left;
			position:relative;
			width:528px;
			.search-input{
				float:left;
				width:425px;
				height:26px;
				line-height:26px;
				padding:0 10px;
				border:1px solid #008842;
				background:#e0e0e0;
				color:rgb(153,153,153);
			}
			.search-btn{
				float:left;
				display:block;
				width:81px;
				height:28px;
				line-height:28px;
				padding:0;
				border:none;
				background:#008842;
				color:#fff;
				font-size:14px;
				cursor:pointer;
			}
			#shelper{
				display:none;
				overflow:hidden;
				position:absolute;
				left:0;
				top:27px;
				width:445px;
				border:1px solid #ccc;
				background:#fff;
				z-index:9999;
				li{
					overflow:hidden;
					padding:3px 6px;
					line-height:22px;
					cursor:pointer;
					text-align:-webkit-match-parent;
					background:none 0% 0% repeat scroll rgb(255,255,255);
					.search-item{
						float:left;
						width:390px;
						white-space: nowrap;
						text-overflow:ellipsis;
						overflow:hidden;
					}
					.search-count{
						overflow:hidden;
						color:#aaa;
						text-align:right;
					}
					
				}
				.searchitemclose{
						border-top:1px solid #efefef;
						text-align:right;
						
					}
			}
			.search-keywords{
				height:30px;
				line-height:30px;
				a{
					margin-right:5px;
					color:#727272;
					display:inine-block;
				}
				.hot{
					color:#008842;
				}
			}
		}
		.shopping-cart{
			float:right;
			z-index: 88;
			position:relative;
			.shopping-btn{
				width:170px;
				height:28px;
				line-height:28px;
				text-align:center;
				font-size:25px;
				border:1px solid #008842;
				background:#fff;
				cursor:pointer;
				padding:6px 0;
				a{
					color:#008842;
					display:block;
					.totalNum{
						display:inline-block;
						vertical-align:middle;
						width:28px;
						height:20px;
						margin-right:10px;
						font-size:12px;
						padding:0;
						background:url(../../static/images/header-img.png) no-repeat -112px 0;
						b{
							display:block;
							width:24px;
							line-height:12px;
							margin-right:4px;
							text-align:center;
						}
					}
					.totalPrice{
						font-weight:normal;
						font-family:Arial;
					}
				}
			}
			.shopping-list{
				display:none;
				z-index:88;
				position:absolute;
				top:41px;
				right:0;
				width:380px;
				padding:10px;
				background:#fff;
				border:1px solid #007f4d;
				.nogoods{
					width:380px;
					height:120px;
					line-height:120px;
					line-height:120px;
					text-align:center;
					background:url(../../static/images/none-bg-w190.jpg) no-repeat center #fff;
				}
				.goods{
					display:none;
					#deliverType{
						display:none;
						width:380px;
						height:28px;
						line-height:28px;
						color:#008842;
						margin:-10px 0 0 -10px;
						padding:0 10px;
						background:#ededed;
						overflow:hidden;
						white-space:nowrap;
						text-overflow:ellipsis;
					}
					ul{
						display:block;
						position:relative;
						overflow-x:hidden;
						overflow-y:zuto;
						width:380px;
						max-height:264px;
						margin:10px 0 0;
						padding:0;
						li{
							position:relative;
							overflow:hidden;
							zoom:1;
							height:45px;
							padding:0 0 15px;
							line-height:20px;
							.l,.c,.r{
								float:left;
							}
							.l{
								margin-right:5px;
								width:45px;
								height:45px;
								img{
									width:42px;
									hieght:42px;
								}
							}
							.c{
								width:222px;
								a{
									display:block;
									overflow:hidden;
									white-space:nowrap;
									text-overflow:ellipsis;
								}
							}
							.r{
								text-align:right;
								width:90px;
								overflow:hidden;
								white-space:nowrap;
								text-overflow:ellipsis;
								b{
									color:#e7380d;
									font-weight:bold;
								}
								a{
									display:block;
									color:#888;
								}
							}
						}
					}
					.price-total{
						font-size:12px;
						line-height:27px;
						margin-top:5px;
						padding-top:10px;
						text-align:right;
						border-top:1px solid #dcdcdc;
						span{
							margin-left:15px;
						}		
						b{
									color:red;
									font-size:16px;
									margin:0 5px;
								}
					}
					.settleup{
						display:inline-block;
						width:75px;
						height:27px;
						font-size:12px;
						text-align:center;
						color:#fff;
						background:#008842;
					}
				}
			}
		}
	}
}
.header-nav{
			z-index: 77;
			position:relative;
			.catalogs{
				position:relative;
				float:left;
				.catalogs-title{
					width:180px;
					height:38px;
					position:relative;
					text-align:center;
					background:#008842;
					a{
						// overflow:hidden;
						font:bold 15px/16px "微软雅黑";
						color:#fff;
						display:block;
						height:16px;
						padding:11px 0;
					}
				}
				.catalogs-list{
					width:180px;
					height:462px;
					position:absolute;
					background: rgba(255, 255, 255, 0.8);
					h3{
						a{
							overflow:hidden;
							position:relative;
							display:block;
							width:165px;
							height:24px;
							padding:9px 0 9px 15px;
							font:normal 14px/24px "Microsoft YaHei";
						}
						i{
							overflow:hidden;
							width:24px;
							height:24px;
							margin-right:15px;
							background:url(../../static/images/nav-icon.png) no-repeat 0 0;
							transition: all .3s ease-in;
						}
						s{
							display:none;
							position:absolute;
							top:7px;
							right:18px;
							font-family:Arial;
							text-decoration:none;
						}
					}
					.sub-item{
						display:none;
						z-index:3;
						position:absolute;
						top:-38px;
						left:180px;
						width:215px;
						height:464px;
						padding:17px 20px;
						border:1px solid #bbb;
						background:rgba(255,255,255,0.9);
					}
					h4{
						margin-bottom:10px;
						font:normal 18px "Microsoft YaHei";
						text-decoration:underline;
						a{
							color:#20985a;
						}
					}
					.catalogs-ad{
						position:absolute;
						bottom:10px;
						a{
							display:block;
						}
					}
				}
			}
		}